<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="dpflex column">
    <main class="flex1">
        <a href="./editInfo.html">
            <div class="personal">
                <div class="up">
                    <div class="img">
                        <img src="" alt="">
                        <input type="file" id="file">
                    </div>
                    <div class="icon"></div>
                    <div class="user"><span>用户名</span></div>
                </div>
                <div class="lower">
                    <div class="autograph">个性签名: <span>XXXXXXXXXXXX</span></div>
                </div>
            </div>
        </a>
        <div class="data mt20">
            <div class="data1">
                <div></div>
                <div>运动数据</div>
                <i class="iconfont icon-jinrujiantou"></i>
            </div>
            <div class="data2">
                <div class="total flex1">
                    <div>总运动</div>
                    <div><span>99999</span>分钟</div>
                </div>
                <div class="consume flex1">
                    <div>本周消耗</div>
                    <div><span>99999</span>千卡</div>
                </div>
            </div>
        </div>
        <div class="badges mt20">
            <div class="data1">
                <div>M</div>
                <div>我的运动徽章</div>
                <i class="iconfont icon-jinrujiantou"></i>
            </div>
            <div class="data2 dpflex ">
                <div class="badge1"></div>
                <div class="badge1"></div>
                <div class="badge1"></div>
            </div>
        </div>
        <div class="login mt20">退出登录</div>

    </main>
</body>

</html>